<template>
  <div>
    <KunkkaCollapseForm
      class="Kunkka-collapse-form"
      collapse-name="快速查询"
      :form="form"
      :model="model"
      :handle="handle"
    />

    <div class="markdown-body">
      <readme />
    </div>
  </div>
</template>

<script>
import Readme from './readme.md'
export default {
  name: 'CollapseFormDocs',
  components: { Readme },
  data() {
    return {
      form: [
        {
          label: '姓名',
          prop: 'name',
          type: 'select',
          show: true,
          disabled: false,
          optionlist: [
            {
              cKeyname: '选项1',
              cKeynumb: 1
            },
            {
              cKeyname: '选项2',
              cKeynumb: 2
            }
          ]
        },
        {
          label: '工号',
          prop: 'gonghao',
          type: 'input',
          show: true,
          disabled: false,
          filter: 'integer'
        },
        {
          label: '姓名',
          prop: 'name',
          type: 'autocompleteSelect',
          show: true,
          disabled: false,
          optionlist: [

          ]
        },
        {
          label: '月选择器',
          prop: 'month',
          type: 'month',
          show: true,
          disabled: false
        }
      ],
      handle: [
        {
          label: '确定',
          vaild: true
        },
        {
          label: '重置'
        }
      ],
      model: {
        gonghao: '',
        month: ''
      }
    }
  }

}
</script>
<style lang="scss">
.Kunkka-collapse-form {
  .el-form-item--mini.el-form-item {
    margin-bottom: 0;
  }
}
</style>
